<template>
  <div class="header">
    {{ content }}
  </div>
</template>
<script>
export default {
  name: 'CommonHeader',
  props: {
    content: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.header
  position fixed
  top 0
  left 0
  width 100%
  height 88px
  background $common_bgc
  box-shadow 0px 6px 14px 0px $header
  line-height 88px
  text-indent 52px
  font-size $back_fz
  font-weight 500
  color $footer_bgc
  box-shadow 0px 5px 12px 0px rgba(5, 5, 5, 0.24)
</style>
